<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@page import="tables.*" %>
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" media="screen" type="text/css" title="Menu" href="design.css" />

<title>Bienvenue sur alibi en folie!</title>
<link type="text/css" rel="stylesheet" href="dhtmlgoodies_calendar/dhtmlgoodies_calendar.css?random=20051112" media="screen"></LINK>
<script src="dhtmlgoodies_calendar/dhtmlgoodies_calendar.js?random=20060118"></script>
<script>
	function afficher(id){
		var pr = document.getElementById(id);
		pr.style.display = "block";
	}
		</script> 
		
<script>
	function cacher(id){
		var pr = document.getElementById(id);
		pr.style.display = "none";
		}
		</script> 
</head>
<body>
<div id="corps">
	<div id="cadreGauche">
	    <form action="gestionOnglet">
	    <p> Bienvenue, <br> <%=request.getAttribute("membre") %></p>
		<input type="submit" name="deconnexion" value="deconnexion" id="bouton2">
		<input type="submit" name="changement_parametre" value="paramètres du compte" id="bouton2">

		<p>nombre de membres :</p>
		<%//JdbcUtilisateur.nbMembre()%>
		<p>Publicité :</p>
				<img alt="" src="image/nonPub.jpg" id="imgPub">
				<br>
				<p>Nous vous conseillons:</p>
				<a href="http://www.hteumeuleu.fr/wp-content/uploads/2011/05/developpeurs-graphistes-chefs-projets.jpg" onclick="window.open(this.href);return false;">hteumeuleu.fr</a>
				<br>
				<a href="http://www.perdu.com" onclick="window.open(this.href);return false;">perdu ?</a>
				<br>
				<a href="http://www.radins.com" onclick="window.open(this.href);return false;">besoin d'argent?</a>
	    </form>
	</div>
	<div id="cadreDroite">
	    	<p><a href="devenirPremium.jsp" class="info" >devenez membre premium</a></p>
	    	<p><a href="infoPremium.html" class="info" onclick="window.open(this.href);return false;">Qu'est ce qu'un membre premium ?</a></p> <!-- a mettre dans autre onglet --> 
		</div>
    <div id="debut">	
		<div id="banniere">
			<div id="image">
				<img alt="" src="image/chut3.jpg">
			</div>
			<div id="image2">
				<img alt="" src="image/chut4.jpg">
			</div>
    	 	Bienvenue sur alibi.com <br> Le site des alibis en folie!
    	 	<%Boolean estPremium=false;
				 if (request.getAttribute("estPremium")!=null){
				    if (request.getAttribute("estPremium").equals("oui")){
				    estPremium=true;
				    }}%>
			<br>
			<br>
			<br>
			<br>
			<form action="gestionOnglet">
	   			<ul id="menu">
        <li>
                <input type="submit" name="option" value="Accueil" class="inactive">
        </li>
        <li>
                <a href="#" class="active">Nos services d'alibis</a>
              <ul>
                <%if(estPremium){ %>
                        <li><input type="submit" name="option" value="Envoyer une carte postale" class="sousIn"></li>
                       <%} %>
                        <li><input type="submit" name="option" value="Envoyer un e-mail/sms" class="sousAct"></li>
                        <li><input type="submit" name="option" value="Autres alibis" class="sousDerIn"></li>
                </ul>
        </li>
        <%if(estPremium){ %>
        <li>
                <a href="#" class="inactive">Alibis avec complice</a>
                <ul>
                        <li><input type="submit" name="option" value="Recherche complice" class="sousIn"></li>
                        <li><input type="submit" name="option" value="Etre complice" class="sousDerIn"></li>
                </ul>
        </li>
        <%} %>
        <li>
                <input type="submit" name="option" value="Consulter votre profil" class="inactive">
        </li>
        <%if (estPremium){ %>
        <li>
                <input type="submit" name="option" value="Message recus" class="inactive">
        </li>
        <%} %>
        <li>
                <input type="submit" name="option" value="Donnez votre avis" class="inactive">
        </li>
        
</ul>
	  		</form>
		</div>
		<div id="partieCentrale">
		    <br>
		    <br>
		    <p id="titre"> Notre service d'e-mail/sms/lettre</p>
		    <br>
		    <br>
		    <%if (request.getAttribute("reussite") !=null){ %>
		    	<p id="miniTitre"> <%=request.getAttribute("reussite")%></p>
		    	<br>
		    <%} %>
		    <table id="tableFormulaire">
		    
		    <tr><td><input type="radio" name="optionSmsEmail" value="sms" onChange="afficher('sms');cacher('email');"> Je souhaite recevoir un sms</td></tr>

		    <tr><td><input type="radio" name="optionSmsEmail" value="email" onChange="afficher('email');cacher('sms');"> Je souhaite recevoir un email</td></tr>
		    
		    </table>
		    <!-- Si on choisit sms on affiche ça -->
		    <br>
		    <br>
		    <div id="sms" style="display:none">
		    <p id="miniTitre"> Jour de réception du sms </p>
		    <form action="gestionOnglet">
		    
		    	<select name="day">
					<% for (int j=1 ; j<32 ; j++){%>
					<option value="<%=j %>"><%=j%></option>
					<%} %>
				</select>
		    	  /
				<select name="month">
					<option value="01">Jan</option>
					<option value="02">Feb</option>
					<option value="03">Mar</option>
					<option value="04">Apr</option>
					<option value="05">May</option>
					<option value="06">Jun</option>
					<option value="07">Jul</option>
					<option value="08">Aug</option>
					<option value="09" selected>Sep</option>
					<option value="10">Oct</option>
					<option value="11">Nov</option>
					<option value="12">Dec</option>

				</select> /
				
				<select name="year">
		    	<%for (int i=2011; i<2016 ; i++){ %>
					<option value="<%=i%>"><%=i%></option>
					<%} %>

				</select>
							

	<input type="button" value="Ouvrir le calendrier" id="bouton" onclick="displayCalendarSelectBox(document.forms[2].year,document.forms[2].month,document.forms[2].day,false,false,this)">
		    	<br>
		    	<br>
		    	<p id="miniTitre">Heure de réception du sms</p>
				<select name="heure">
				<% for (int k =0 ; k<24 ;k++){ %>
					<option value="<%=k %>"><%=k%></option>
					<%} %>
				</select> h
				<select name="minute">
					<option value="5">5</option>
					<option value="10">10</option>
					<option value="15">15</option>
					<option value="20">20</option>
					<option value="25">25</option>
					<option value="30" selected>30</option>
					<option value="35">35</option>
					<option value="40">40</option>
					<option value="45">45</option>
					<option value="50">50</option>
					<option value="55">55</option>
				</select> 
				<br><br>
		    	<p id="miniTitre">  <input type="radio" name="motifSms" value="conference">conférence</p>
		    		   Vous êtes cordialement invité à assister
		    		   <br>à notre conférence ayant lieu le <input type="text" name="jourC" placeholder="choisissez la date" >
		    		   <br>à <input type="text" name="lieuC" placeholder="choisissez le lieu">.
		    		   <br>Nous espérons que vous répondrez présent.<br> <br>
		    		
		    	<p id="miniTitre"> <input type="radio" name="motifSms" value="seminaire" >séminaire</p>
		    			Vous êtes cordialement invité à assister
		    		   <br>au séminaire ayant lieu du <input type="text" name="jourDS" placeholder="date de début"> au <input type="text" name="jourFS" placeholder="date de fin"  >
		    		   <br>à <input type="text" name="lieuS" placeholder="choisissez le lieu">.
		    		   <br>Nous espérons que vous répondrez présent. <br> <br>
		    			
		    	<p id="miniTitre"> <input type="radio" name="motifSms" value="perso">sms personnalisé</p> 
		    			<textarea rows="5" cols="40" name="smsPerso" placeholder="Choisissez le contenu de votre sms" maxlength="255"></textarea>
		    	<br><br>
		    	<input type="submit" name="validerSms" value="Valider" id="bouton" style="margin:auto">		
		</form>
		    </div>
			<!-- Si on choisit email on affiche ça -->
			<div id="email" style="display:none">
			<p id="miniTitre"> Jour de réception de l'e-mail </p>
				<form action="gestionOnglet">
				<select name="day">
					<% for (int j=1 ; j<32 ; j++){%>
					<option value="<%=j %>"><%=j%></option>
					<%} %>
				</select>
		    	  /
				<select name="month">
					<option value="01">Jan</option>
					<option value="02">Feb</option>
					<option value="03">Mar</option>
					<option value="04">Apr</option>
					<option value="05">May</option>
					<option value="06">Jun</option>
					<option value="07">Jul</option>
					<option value="08">Aug</option>
					<option value="09" selected>Sep</option>
					<option value="10">Oct</option>
					<option value="11">Nov</option>
					<option value="12">Dec</option>

				</select> /
				<select name="year">
		    	<%for (int i=2011; i<2016 ; i++){ %>
					<option value="<%=i%>"><%=i%></option>
					<%} %>

				</select>							

	<input type="button" value="Ouvrir le calendrier" onclick="displayCalendarSelectBox(document.forms[2].year,document.forms[2].month,document.forms[2].day,false,false,this)" id="bouton">
		    	<br><br>
		    	<br>
		    	<div id="miniTitre"> Heure de réception de l'e-mail </div>
		    	<br>
				<select name="heure">
				<% for (int k =0 ; k<24 ;k++){ %>
					<option value="<%=k %>"><%=k%></option>
					<%} %>
				</select> h
				<select name="minute">
					<option value="5">5</option>
					<option value="10">10</option>
					<option value="15">15</option>
					<option value="20">20</option>
					<option value="25">25</option>
					<option value="30" selected>30</option>
					<option value="35">35</option>
					<option value="40">40</option>
					<option value="45">45</option>
					<option value="50">50</option>
					<option value="55">55</option>
				</select> 
				
				<br>
				<br>
		    	<p id="miniTitre"> <input type="radio" name="motifEmail" value="conference">conférence </p> 
		    		   Vous êtes cordialement invité à assister
		    		   <br>à notre conférence ayant lieu le <input type="text" name="jourC" placeholder="choisissez la date" >
		    		   <br>à <input type="text" name="lieuC" placeholder="choisissez le lieu">.
		    		   <br>Nous espérons que vous répondrez présent.
		    			<br>
		    			
		    	<p id="miniTitre"> <input type="radio" name="motifEmail" value="seminaire">séminaire</p>
		    			Vous êtes cordialement invité à assister
		    		   <br>au séminaire ayant lieu du <input type="text" name="jourDS" placeholder="date de début"> au <input type="text" name="jourFS" placeholder="date de fin">
		    		   <br>à <input type="text" name="lieuS" placeholder="choisissez le lieu">.
		    		   <br>Nous espérons que vous répondrez présent.<br>
		    			
		    	<p id="miniTitre"> <input type="radio" name="motifEmail" value="emailPerso">e-mail personnalisé</p>
		    			<textarea rows="10" cols="60" placeholder="Choisissez le contenu de votre e-mail" maxlength="255"></textarea>
		    	<br>
		    	<br>		
		    	<input type="submit" name="validerEmail" value="Valider" id="bouton" style="margin:auto">		
		</form>
		    </div>
		    <br>
		    <br>
		</div>
		</div>
		<br>
</div>
<% if(request.getAttribute("erreur")!=null){ %>
<script> alert('<%=request.getAttribute("erreur")%>');</script>
<%} %>
<div id="fin">
*** Ce site a été créé par Marine Bardet, Auberi Lecocq, Marieke Gueye et Amandine Voinot ***
</div>
</body>
</html>